<template>
   <div>
	 <van-nav-bar
	   
	   left-text=""
	   
	   left-arrow
	   @click-left="onClickLeft"
	    
	 />	
	 <h2>找回密码</h2>  
	 
	 <div class="bos">
	   <van-field
	     v-model="username"
	    
	     clearable
	   	left-icon='manager'
	   
	     placeholder="手机号"
	     @click-right-icon="$toast('question')"
	   />
	   <van-cell-group>
  <van-field
    v-model="sms"
    center
    clearable
    label="短信验证码"
    placeholder="请输入短信验证码"
  >
  <van-button slot="button" size="small" type="primary">发送验证码</van-button>
  </van-field>
</van-cell-group>

	<van-field
	  v-model="password"
		left-icon='lock'
	  type="password"
	  
	  placeholder="新密码 ('6-18位数字字母组合')"
	/>   
	   
	 <van-field
	   v-model="passwords"
	 	left-icon='lock'
	   type="password"
	 
	   placeholder="确认密码"
	 />  
	 
	 </div>
	 
	   <div class="btn">
	   <van-button plain round size='large'>完成</van-button>
	   </div>
	   
	   
   </div>
</template>

<script>
	import { Toast } from 'vant';
	export default{
		name:'zhmm',
		data(){
			return{
				username:'',
				sms:'',
				password:'',
				passwords:''
			}
			
		},
		methods:{
			  onClickLeft(){
				 Toast('返回'); 
			  },
			  }
	}
</script>

<style>
	h2{
		text-align: center;
	}
	.btn{
		width:150px;
		height:30px;
		margin-top: 100px;
		margin-left: 30%;
	}
	.bos{
		margin-top: 100px;
	}
</style>
